$(function () {
    $(".login-mima").click(function () {
        $(this).addClass("login-md-add").siblings(".login-duanxin").removeClass("login-md-add")
        $(".login-mima-one").html('<i></i><input type="text" placeholder="账户名/邮箱/手机号" class="login-id">')

        $(".login-mima-two").html('<i></i><input type="password" placeholder="请输入登录密码" class="login-mg">')

        $(".login-mima-three").html('<span>忘记密码</span><span>忘记用户名</span><span><a href="register.html">免费注册</a></span>')

    })
    $(".login-duanxin").click(function () {
        $(this).addClass("login-md-add").siblings(".login-mima").removeClass("login-md-add")
        $(".login-mima-one").html('<i></i><span>+86</span><input type="text" placeholder="请输入手机号">')

        $(".login-mima-two").html('<i></i><input type="text" placeholder="请输入验证码"><span>获取验证码</span>')

        $(".login-mima-three").html('<span></span><span></span><span><a href="register.html">免费注册</a></span>')
    })
    $("#login-btn").click(function () {
        if ($(".login-id").val() == "" || $(".login-mg").val() == "") {
            alert("账号或密码不能为空")
        } else {
            axios.get('http://jx.xuzhixiang.top/ap/api/login.php', {
                params: {
                    username: $(".login-id").val(),
                    password: $(".login-mg").val()
                }
            }).then((ret) => {
                let code = ret.data.code
                if (code == 1) {
                    localStorage.setItem('id', JSON.stringify($(".login-id").val()))
                    localStorage.setItem('password', JSON.stringify($(".login-mg").val()))
                    $(location).attr('href', 'index.html')
                } else {
                    alert("请输入正确的账号或密码")
                }
            })
        }


    })

})